<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" />
    <meta charset="UTF-8"/>
    <title>Title</title>
    <style type="text/css">
        .container{margin-left:0px}
        body{color: #333;font: 12px / 22px "Microsoft Yahei", "SimHei", "SimSun";}
		.news{margin-buttom :0px;}
		    #scroll-1 {
        width:200px;
        height:200px;
        overflow:auto;
    }
    #scroll-1 div {
        width:400px;
        height:400px;
    }    #scroll-1::-webkit-scrollbar {
        width:10px;
        height:10px;
    }
    #scroll-1::-webkit-scrollbar-button    {
        background-color:#FF7677;
    }
    #scroll-1::-webkit-scrollbar-track     {
        background:#FF66D5;
    }
    #scroll-1::-webkit-scrollbar-track-piece {
        background:url(http://www.lyblog.net/wp/wp-content/themes/mine/img/stripes_tiny_08.png);
    }
    #scroll-1::-webkit-scrollbar-thumb{
        background:#FFA711;
        border-radius:4px;
    }
    #scroll-1::-webkit-scrollbar-corner {
        background:#82AFFF;
    }
    #scroll-1::-webkit-scrollbar-resizer  {
        background:#FF0BEE;
    }
        .keywords{color: #9e9e9e;}
        .info{margin-top:70px;display: inline-block;color: #9e9e9e;font: 15px "Microsoft Yahei", "SimHei", "SimSun"; padding: 3px 6px;margin-right: 12px;margin-left: 0px;margin-buttom :0px}
        .new{font-size: 20px;line-height: 22px;font-weight: 400;margin-left: 30px;margin-top: 20px;margin-buttom :0px}
        .img,.text{float:left}
        .text{margin-left:20px;}
        /*滚动条样式*/
		    
    </style>
</head>
<body>
    <div class="container inner" >
    <div id="scroll-1 ">
        <div class="news innerbox" th:each="news : ${news}">
            <div class="new row">
            	<div class="img">
	            	<a target="_blank" th:href="${news.news_link}">
	            		<img th:src="${news.pic_src}" style="width: 150px;"/>
	            	</a>
            	</div>
            	<div class="text" >
            		<div>
	            		<a target="_blank" style="color:#333;text-decoration:none;" class="linkto" th:href="${news.news_link}">
		                	<span th:text="${news.news_title}"></span>
		                </a>
	            	</div>
	            	<div class="info">
		            	<span class="from" th:text="${news.news_from}"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		            	<span class="keywords" style="display:inline" th:text="${news.key_words}"></span>
		            </div>
            	</div>
            </div>
        </div>
       </div>
    </div>
</body>
<script type="text/javascript" src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</html>
